<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.menu li{ list-style-type: none;float: left;   padding: 0px 10px;   line-height: 40px;}
			.menu li a{text-decoration: none;  color: white;  }
			.menu li:hover{ background-color:#DB0A76 ;}
			.menu ul{ background-color: #F10180;  height: 40px;
			overflow:hidden;}
		</style>
		
		
		
		
		
	</head>
	<body>
		<div  class="menu">
			<ul>
			<li><a href="#">小米手机</a></li>	
			<li><a  href="#">小米电视</a></li>	
			<li><a   href="#">小米手环</a></li>	
			<li><a    href="#">智能手表</a></li>	
			<li><a    href="#">小米电器</a></li>	
			<li><a    href="#">红米Note3</a></li>	
			 
				
				
			</ul>
		</div>
		
		
		
		
	</body>
</html>
